.tab-selector input{
	border: none;
	outline: none;
	cursor: pointer;
	font-size: 18px;
	border-radius: 3px;
    margin: 10px 20px;
    transition: all 0.8s;
    cursor: pointer;
    background: #9ACC5F;
    color: #333;
}
.tab-selector .on{
	color: #fff;
	/* outline: 2px solid rgba(126, 212, 28, 0.52); */
}
.tab-selector .noticeTab{
	width: 300px;
	height: 150;
	font-size: 12px;
	scroll-behavior: smooth; 
}
.tab-selector .noticeTab>.content{
	/* background-color: #f66; */
	display: none;
	height: 100px;
}
.lang{
	width: 100%;
	height: 100%;
	background:repeat-y  center/contain;
}
/* 前端 */
.lang-css {
    background-image:url("./icon/css3-plain-wordmark.svg")
}
.lang-javascript {
    background-image:url("./icon/javascript-original.svg")
}
.lang-vue {
    background-image:url("./icon/vuejs-original-wordmark.svg")
}
.lang-html {
    background-image:url("./icon/html5-original-wordmark.svg")
}
.lang-jquery {
    background-image:url("./icon/jquery-plain-wordmark.svg")
}
.lang-bootstrap {
    background-image:url("./icon/bootstrap-plain-wordmark.svg")
}
.lang-sass {
    background-image:url("./icon/sass-original.svg")
}
/* 后端 */
.lang-mysql {
    background-image:url("./icon/mysql-original-wordmark.svg")
}
.lang-php {
    background-image:url("./icon/php-plain.svg")
}
.lang-git {
    background-image:url("./icon/git-original.svg")
}
.lang-linux {
    background-image:url("./icon/linux-original.svg")
}
.lang-nginx {
    background-image:url("./icon/nginx-original.svg")
}
.lang-nodejs {
    background-image:url("./icon/nodejs-original.svg")
}
.lang-mongodb {
    background-image:url("./icon/mongodb-original-wordmark.svg")
}